const { defineConfig } = require('@vue/cli-service')
const path = require('path')
module.exports = defineConfig({
  transpileDependencies: true,

  pluginOptions: {
    // 全局引入less样式
    'style-resources-loader': {
      preProcessor: 'less',
      // 引入文件的路径
      patterns: [
        path.join(__dirname, './src/assets/styles/variables.less'),
        path.join(__dirname, './src/assets/styles/mixins.less')
      ]
    }
  },
  // chainWebpack: config => {
  //   // 图片处理配置
  //   config.module
  //     .rule('images')
  //     .use('url-loader')
  //     .loader('url-loader')
  //     .tap(options => Object.assign(options, { limit: 10000 }))
  //   // 开启webpack-dev-server的IP和域名访问权限
  //   config.devServer.disableHostCheck(true)
  // }
  devServer: {
    // contentBase: resolve(__dirname, 'dist'),
    // 开启HMR功能
    // 当修改了webpack配置，新配置要想⽣效，必须重新webpack服务
    // hot: true,
    // compress: false,
    // // 端⼝号
    // port: 3001,
    // 域名
    host: 'www.corho.com',
    open: true
    // 服务器代理 --> 解决开发环境跨域问题
    // proxy: {
    //   // ⼀旦devServer(5000)服务器接受到 /api/xxx 的请求，就会把请求转发到另外⼀个服务器(3000)
    //   '/api': {
    //     target: 'http://localhost:3000',
    //     // 发送请求时，请求路径重写：将 /api/xxx --> /xxx （去掉/api）
    //     pathRewrite: {
    //       '^/api': ''
    //     }
    //   }
    // }
  },
  // 设置外部扩展，qq登录按钮模块为qc变量名为QC，导入qc将不做打包。
  configureWebpack: {
    externals: {
      qc: 'QC'
    }
  }
})
